{include file="public/header" /}
<body>
<div class="loader" style="display:none">
    <div class="la-ball-clip-rotate">
        <div></div>
    </div>
</div>
<style type="text/css">
    .skin-black .left-menu .list-group .wi, .skin-black .left-menu .list-group .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .skin-black .left-menu .list-group .ext-apply-item.apply-show:before, .skin-black .left-menu .list-group .cut-list .item.apply-show:before, .cut-list .skin-black .left-menu .list-group .item.apply-show:before, .skin-black .left-menu .list-group .fa {
        margin-right: 5px;
        color: #adb4cc;
    }
    .skin-black .left-menu .left-menu-top .module-info-name .head-app-logo {
        width: 45px;
        height: 45px;
        border-radius: 4px;
        margin: 0 5px 0 10px;
    }
    .skin-black .left-menu .left-menu-top .operate a:nth-child(2) {
        margin: 0 20px;
    }
    .skin-black .left-menu .left-menu-top .account-info-name .wi, .skin-black .left-menu .left-menu-top .account-info-name .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .skin-black .left-menu .left-menu-top .account-info-name .ext-apply-item.apply-show:before, .skin-black .left-menu .left-menu-top .account-info-name .cut-list .item.apply-show:before, .cut-list .skin-black .left-menu .left-menu-top .account-info-name .item.apply-show:before {
        font-size: 28px;
        margin: 0 5px;
        position: relative;
        top: 5px;
    }

    #success-message-container {
        width: 200px;
        position: fixed;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        background-color: green;
        color: #fff;
        border-radius: 4px;
        font-size: 16px;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
    #fail-message-container {
        width: 200px;
        position: fixed;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        border-radius: 4px;
        font-size: 16px;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    #fail-message-container.visible {
        opacity: 1;
        pointer-events: auto;
    }
    #success-message-container.visible {
        opacity: 1;
        pointer-events: auto;
    }



    .loading h5 {
        text-align: center;
    }

    .sp {
        width: 32px;
        height: 32px;
        clear: both;
        margin: 20px auto;
    }

    .sp-circle {
        border: 4px rgba(0, 0, 0, 0.25) solid;
        border-top: 4px black solid;
        border-radius: 50%;
        -webkit-animation: spCircRot .6s infinite linear;
        animation: spCircRot .6s infinite linear;
    }

    @-webkit-keyframes spCircRot {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
        }
    }
    @keyframes spCircRot {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(359deg);
        }
    }


</style>

<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" data-is-multiple="" id="modelTitle"></h4>
            </div>

            <div style="position: relative">
                <div style=" width: 100%; padding: 10px; padding-right: 50px; display: flex; flex-shrink: 0; justify-content: flex-end" class="text-right">
                    <button type="button" class="btn btn-danger" id="deleteSelected" disabled>删除</button>
                    <button type="button" class="btn btn-info" style="margin: 0 10px;">上传教程</button>
                    <!--                    <div id="imgBox"></div>-->
                    <div id="uploadimg">
                        <div id="uploadPicker"      style=" text-align: center; width: 80px; height: 34px; color:#fff; line-height: 34px; background-color: #428bca; border-color: #357ebd;  border-radius: 5px;">上传加载</div>
                    </div>
                </div>
                <div id="fileList" class="uploader-list"></div>
                <div class="modal-body" style="min-height: 500px; max-height: 500px; margin-top: 5px; padding-top: 10px; overflow-y: scroll;">
                    <div class="row" id="content-wrap">
<!--                        <div class="loading">-->
<!--                            <div class="sp sp-circle"></div>-->
<!--                            <h5>数据加载中...</h5>-->
<!--                        </div>-->
                    </div>


                </div>

                <div id="pagination"></div>

                <div class="modal-footer" style="text-align: center">
                    <button type="button" class="btn btn-default" data-dismiss="modal"> 取 消</button>
                    <button type="button" class="btn btn-primary" data-is-multiple="" id="confirmSelected" disabled> 确 认</button>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="skin-black" data-skin="black">
    <div class="head">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container ">
                <div class="navbar-header" style="position: relative;">
                    <a class="navbar-brand" href="{php echo createWebUrl('theme',array('op'=>'display'));}">
                        <img src="{$_G['companylogo']}" class="pull-left" width="110px" height="35px">
                    </a>
                    <div class="top_collapse_switch collapse_close" >
                        <svg t="1656462905751" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1202" width="20" height="20"><path d="M109.632 673.664h519.68c25.152 0 45.568-22.016 45.568-48.896 0-26.88-20.416-48.896-45.568-48.896h-519.68c-25.216 0-45.632 22.016-45.632 48.896 0 26.88 20.48 48.896 45.632 48.896z m0-228.096h519.68c25.152 0 45.568-21.952 45.568-48.896 0-26.88-20.416-48.896-45.568-48.896h-519.68c-25.216 0-45.632 22.016-45.632 48.896 0 26.88 20.48 48.896 45.632 48.896z m3.264-219.904h795.776c26.88 0 50.56-20.352 51.328-47.168A48.896 48.896 0 0 0 911.104 128H115.328c-26.88 0-50.56 20.416-51.328 47.168a48.896 48.896 0 0 0 48.896 50.56z m619.776 447.232V348.672L960 510.784l-227.328 162.112c0 0.768 0 0.768 0 0z m178.432 122.944H115.328c-26.88 0-50.56 20.48-51.328 47.232a48.896 48.896 0 0 0 48.896 50.496h795.776c26.88 0 50.56-20.416 51.328-47.232a48.896 48.896 0 0 0-48.896-50.496z" p-id="1203" fill="#ffffff"></path></svg>
                    </div>
                </div>
                <div class="collapse navbar-collapse">
                    {if $_G['isSuperAdmin']}
                    <ul class="nav navbar-nav navbar-left">
                        <li >
                            <a href="{php echo createWebUrl('platform',array('op'=>'display'));}" {if $_P['do']=='platform'} class="active"{/if}> 平台 </a>
                        </li>
                        <li >
                            <a  href="{php echo createWebUrl('yxmodule',array('op'=>'dispaly'));}" {if $_P['do']=='yxmodule'} class="active"{/if}> 模块 </a>
                        </li>
                        <li >
                            <a  href="{php echo createWebUrl('users',array('op'=>'dispaly'));}" {if $_P['do']=='users'} class="active"{/if}> 用户</a>
                        </li>
                        <li >
                            <a target="_blank" href="http://oa.yixuan.net/web/index.php?c=site&a=entry&op=display&do=dingdan&m=yx99999" > OA </a>
                        </li>
                        <li >
                            <a target="_blank" href="http://oa.yixuan.net/web/index.php?c=site&a=entry&op=display&do=huodong&m=yx99999" > 空位</a>
                        </li>
                    </ul>
                    {/if}

                    <ul class="nav navbar-nav navbar-right">

                        {if $_G['isSuperAdmin']}
                        <style type="text/css">
                            .searchBox { overflow:hidden; margin-top:10px; background:#fff; border-radius:30px; overflow:hidden; border:1px solid rgb(66,139,202); height:30px; width:235px;}
                            .searchBox input { font-size:14px; width:190px; height:30px; outline:none; line-height:30px; text-indent:0; float:right; border:none;}
                            .searchBox button { float:left; outline:none; width:30px; margin-left:5px; height:30px; border:none; background:url(/resource/images/searchBtn.png) center no-repeat; background-size:60% auto;}
                        </style>
                        <li>
                            <div class="searchBox">
                                <form action="/web/index.php?c=site&a=entry&do=yxmodule&op=search" method="post" >
                                    <input type="text" name="keyword" placeholder="请输入活动编号">
                                    <button type="submit"></button>
                                </form>
                            </div>
                        </li>
                        {else}
                        <li>
                            <a style="max-width: 220px" href="tel://4000171899" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="客服热线">
                                <img src="/resource/images/service.png" style="width:20px; height: 20px;"> 客服:400 017 1899
                            </a>
                        </li>
                        {/if}


                        <li class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="/resource/images/user.png" style="width: 16px; height: 18px; margin-right: 3px;"/></i>{$Think.session.userinfo['username']} <span class="caret"></span></a>
                            <ul class="dropdown-menu color-gray" role="menu">
                                <li>
                                    <a href="{php echo createWebUrl('users',array('op'=>'myaccount'));}" target="_blank"> <img src="/resource/images/myaccount.png" style="width: 16px; height: 16px;" /> 我的账号</a>
                                </li>
                                {if $_G['isSuperAdmin']}
                                <li class="divider"></li>
                                <li><a href="{php echo createWebUrl('clearcache')}" ><i class="fa fa-download"></i> 更新缓存</a></li>
                                {/if}
                                <li class="divider"></li>
                                <li>
                                    <a href="{php echo createWebUrl('login',array('op'=>'logout'));}"><i class="fa fa-sign-out" aria-hidden="true"></i>
                                        </i> 退出系统</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="main">
        <div class="container">
            <div class="panel panel-content main-panel-content ">
                <div class="panel-body clearfix main-panel-body ">
                    <div class="left-menu__mask" style="position: absolute;width: 100%;height: 100%;z-index: 10;background-color: rgba(0,0,0,.2); display: none;"></div>
                    {include file="public/left_menu" /}
                    <div class="right-content">
                        <div class="content">
                            <!--系统提示-->
                            <!--end  系统提示-->
                            <script>
                                $('.top_collapse_switch').click(function(){
                                    if($(this).hasClass('collapse_close'))  {
                                        $(this).removeClass('collapse_close');
                                        $('.skin-black .left-menu').css('width','138px');
                                        $('.skin-black .right-content').css('marginLeft', '138px');
                                        $('.left-menu__mask').show();
                                    } else {
                                        $(this).addClass('collapse_close');
                                        $('.skin-black .left-menu').css('width','0px');
                                        $('.skin-black .right-content').css('marginLeft', '0px');
                                        $('.left-menu__mask').hide();
                                    }
                                })
                                $('.left-menu__mask').click(function(){
                                    $(this).hide();
                                    $('.skin-black .left-menu').css('width','0px');
                                    $('.skin-black .right-content').css('marginLeft', '0px');
                                    $('.top_collapse_switch').addClass('collapse_close')
                                })
                                window.addEventListener('resize', function() {
                                    const winWidth = document.documentElement.clientWidth;
                                    if(winWidth > 768) {
                                        if($('.top_collapse_switch').hasClass('collapse_close')) {
                                            $('.skin-black .left-menu').css('width','138px');
                                        }else {
                                            $('.left-menu__mask').hide();
                                            $('.skin-black .right-content').css('marginLeft', '0px');
                                        }
                                    } else {
                                        if($('.top_collapse_switch').hasClass('collapse_close')) {
                                            $('.skin-black .left-menu').css('width','0');
                                            $('.left-menu__mask').hide();
                                        }else {
                                            $('.skin-black .left-menu').css('width','138px');
                                            $('.skin-black .right-content').css('marginLeft', '138px');
                                            $('.left-menu__mask').show();
                                        }
                                    }
                                })
                                // $('.left-menu__mask').on('touchstart', function() {
                                // 	$(this).hide();
                                // 	$('.skin-black .left-menu').css('width','0px');
                                // 	$('.skin-black .right-content').css('marginLeft', '0px');
                                // 	$('.top_collapse_switch').addClass('collapse_close')
                                // })
                            </script>

                            {__CONTENT__}


                        </div>



                        {if $_P['do']!='theme' && $_P['op']!='post' && $_G['companyname']=='易宣软件' && strpos($_P['r'],'shopplan') === false}
                        {include file="public/footer" /}
                        {/if}